﻿/*Sidebar*/

.menu-vertical .menu-inner {
    flex-direction: column;
    flex: 1 1 auto;
}

.menu-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    height: 100%;
}

.menu-vertical .menu-inner .menu-item {
    margin: .375rem 0 0;
}

.menu-vertical,
.menu-vertical .menu-block,
.menu-vertical .menu-inner>.menu-item {
    width: 16.25rem;
}

.menu-item,
.menu-header,
.menu-divider,
.menu-block {
    flex: 0 0 auto;
    /*flex-direction: column;*/
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-link {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    margin: 0;
}

.menu-vertical .menu-item .menu-link,
.menu-vertical .menu-header,
.menu-vertical .menu-block {
    padding: .48rem 1rem;
    margin-block: 0;
    margin-inline: .75rem;
    border-radius: .5rem;
}

.menu-vertical .menu-item .menu-link {
    font-size: 1rem;
    letter-spacing: .15px;
}

.menu-vertical .menu-item .menu-link:hover {
    background-color: rgba(76, 78, 100, .05);
}

.menu-toggle {
    position: absolute;
    right: calc(1rem - 0.4rem);
    font-size: 1.5rem;
    color: #828393;
}

.menu-icon {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: .5rem;
    line-height: 1;
}

.bg-menu-theme {
    background-color: #f7f7f9 !important;
    color: #636578
}

.bg-menu-theme .menu-link,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next {
    color: #636578
}

.bg-menu-theme .menu-link:hover,
.bg-menu-theme .menu-link:focus,
.bg-menu-theme .menu-horizontal-prev:hover,
.bg-menu-theme .menu-horizontal-prev:focus,
.bg-menu-theme .menu-horizontal-next:hover,
.bg-menu-theme .menu-horizontal-next:focus {
    color: #636578
}

.bg-menu-theme .menu-link.active,
.bg-menu-theme .menu-horizontal-prev.active,
.bg-menu-theme .menu-horizontal-next.active {
    color: #636578
}

.bg-menu-theme .menu-item.disabled .menu-link,
.bg-menu-theme .menu-horizontal-prev.disabled,
.bg-menu-theme .menu-horizontal-next.disabled {
    color: #9e9fac !important
}

.bg-menu-theme .menu-item:not(.open)>.menu-link.active:not(.menu-toggle),
.bg-menu-theme .menu-item:not(.open)>.menu-link.active:not(.menu-toggle)::before {
    color: #fff !important
}

.bg-menu-theme .menu-item>.menu-link.active:not(.menu-toggle) {
    background-color: #666cff
}

.bg-menu-theme.menu-horizontal .menu-sub>.menu-item>.menu-link.active:not(.menu-toggle),
.bg-menu-theme.menu-horizontal .menu-sub>.menu-item>.menu-link.active:not(.menu-toggle)::before {
    background-color: #ededff;
    color: #666cff !important
}

.bg-menu-theme.menu-horizontal .menu-inner>.menu-item>.menu-link.active.menu-toggle {
    background: #666cff
}

.bg-menu-theme.menu-horizontal .menu-inner>.menu-item>.menu-link.active.menu-toggle,
.bg-menu-theme.menu-horizontal .menu-inner>.menu-item>.menu-link.active.menu-toggle:after {
    color: #fff
}

.bg-menu-theme .menu-inner-shadow {
    background: linear-gradient(#f7f7f9 5%, rgba(247, 247, 249, 0.75) 45%, rgba(247, 247, 249, 0.2) 80%, transparent)
}

.bg-menu-theme .menu-text {
    color: #636578
}

.bg-menu-theme .menu-header {
    color: #888a98
}

.bg-menu-theme hr,
.bg-menu-theme .menu-divider,
.bg-menu-theme .menu-inner>.menu-item.open>.menu-sub::before {
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-menu-theme .menu-block::before {
    background-color: #888a98
}

.bg-menu-theme .ps__thumb-y,
.bg-menu-theme .ps__rail-y.ps--clicking>.ps__thumb-y {
    background: rgba(99, 101, 120, .2121913726) !important
}

@media (min-width: 1200px) {
    .layout-menu-collapsed.layout-menu-hover .bg-menu-theme {
        box-shadow: 0 .625rem .875rem rgba(76, 78, 100, .1)
    }
}

.bg-menu-theme.menu-horizontal {
    background-color: rgba(255, 255, 255, .9) !important
}

.bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing)>.menu-sub {
    background: #fff
}

/*PageProcess*/

.page-progress {
    width: 100%;
    height: 4px;
    z-index: 9999;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
}


.mud-splitter {
    display: grid;
    position: relative;
    width: 100%;
}

.mud-splitter-content {
    overflow: auto;
}

.mud-splitter-thumb ::-webkit-slider-runnable-track {
    visibility: hidden !important;
    height: 100% !important;
}

.mud-splitter-thumb ::-moz-range-track {
    visibility: hidden !important;
    height: 100% !important;
}

.mud-splitter-track {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;


}

.mud-splitter-track.mud-slider {
    visibility: hidden !important;
}

.mud-splitter-track.mud-slider .mud-slider-container {
    height: 100% !important;
}

.mud-splitter-track.mud-slider .mud-slider-input {
    top: 50%;
    /*transform: translateY(-50%);*/
}

.mud-splitter-thumb ::-webkit-slider-thumb {
    visibility: visible !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 100% !important;
    width: 8px !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: ew-resize !important;
}

.mud-splitter-thumb-disabled ::-webkit-slider-thumb {
    cursor: default !important;
}

.mud-splitter-thumb ::-moz-range-thumb {
    visibility: visible !important;
    appearance: none !important;
    -moz-appearance: none !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 100% !important;
    width: 8px !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: ew-resize !important;
}

.mud-splitter-thumb-disabled ::-moz-range-thumb {
    cursor: default !important;
}